<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Image gallery</title>
<script type="text/javascript" src="scripts/showPic.js"></script>
<link rel="stylesheet" href="layout.css" media="screen"></link>
</head>
<body>
	<h1>Snapshots</h1>
	<ul>
		<li><a href="images/fireworks.jpg" title="a firewors display" 
			onclick="showPic(this); return false;">Fireworks</a></li>
		<li><a href="images/coffee.jpg" title="a cup of black coffee" 
			onclick="showPic(this); return false;">Coffee </a></li>
		<li><a href="images/rose.jpg" title="a red,red rose" 
			onclick="showPic(this); return false;"> Rose</a></li>
		<li><a href="images/bigben.jpg" title="the famous clock"
			onclick="showPic(this); return false;">Big Ben</a></li>
	</ul>
	<img id ="placeholder" alt="my image gallery" src="images/placeholder.gif">
	<p id="description">Choose an image.</p>
	<a href="javascript:popUp('http:www.baidu.com');">Example</a>
	<a href="#" onclick="popUp('http://www.baidu.com')">Example2</a>
</body>
</html>